<?xml version="1.0" encoding="utf-8"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
    <title>successful.css</title>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
    <link rel="stylesheet" href="../../../../../../css/reset.css" type="text/css" media="screen" />
<link rel="stylesheet" href="../../../../../../css/main.css" type="text/css" media="screen" />
<link rel="stylesheet" href="../../../../../../css/github.css" type="text/css" media="screen" />
<script src="../../../../../../js/jquery-1.3.2.min.js" type="text/javascript" charset="utf-8"></script>
<script src="../../../../../../js/jquery-effect.js" type="text/javascript" charset="utf-8"></script>
<script src="../../../../../../js/main.js" type="text/javascript" charset="utf-8"></script>
<script src="../../../../../../js/highlight.pack.js" type="text/javascript" charset="utf-8"></script>

</head>

<body>
    <div class="banner">
        
        <h1>
            successful.css
        </h1>
        <ul class="files">
            
            <li>
                lib/assets/stylesheets/sale_app/cart_items/successful.css
                
            </li>
            <li>Last modified: 2017-01-21 19:33:58 +0800</li>
        </ul>
    </div>

    <div id="bodyContent">
        <div id="content">
  
    <div class="description">
      
<p>.success_main, .success_main_center{</p>

<pre><code>overflow: hidden;
margin-left: 60px;
margin-top: 15px;</code></pre>

<p>}</p>

<p>.succeed-box .success-cont {</p>

<pre><code>display: inline-block;
display: block;
font-family: &quot;Microsoft YaHei&quot;;</code></pre>

<p>}</p>

<p>.succeed-box .success-main-info {</p>

<pre><code>float: left;</code></pre>

<p>}</p>

<p>.succeed-box .success-top {</p>

<pre><code>position: relative;
padding-left: 35px;
margin: 20px 0;</code></pre>

<p>}</p>

<p>.succeed-box .success-top .succ-icon {</p>

<pre><code>position: absolute;
top: 0;
left: 0;
display: block;
width: 25px;
height: 25px;
overflow: hidden;</code></pre>

<p>}</p>

<p>.succeed-box .success-top h3 {</p>

<pre><code>font-size: 18px;
line-height: 25px;
font-weight: 400;
margin-left: -35px;</code></pre>

<p>}</p>

<p>.ftx-02, .ftx02 {</p>

<pre><code>color: #71b247;</code></pre>

<p>}</p>

<p>h3 {</p>

<pre><code>display: block;
font-size: 1.17em;
-webkit-margin-before: 1em;
-webkit-margin-after: 1em;
-webkit-margin-start: 0px;
-webkit-margin-end: 0px;
font-weight: bold;</code></pre>

<p>}</p>

<p>.succeed-box .p-img {</p>

<pre><code>float: left;
width: 60px;
margin-right: 10px;
border: 1px solid #e8e8e8;
overflow: hidden;</code></pre>

<p>}</p>

<p>.succeed-box .p-img img{</p>

<pre><code>width: 50px;
height: 50px;</code></pre>

<p>}</p>

<p>.succeed-box .p-info {</p>

<pre><code>float: left;
width: 350px;
margin: 0;</code></pre>

<p>}</p>

<p>.clr {</p>

<pre><code>display: block;
overflow: hidden;
clear: both;
height: 0;
line-height: 0;
font-size: 0;</code></pre>

<p>}</p>

<p>.succeed-box .p-name {</p>

<pre><code>width: 100%;
line-height: 28px;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
font-size: 14px;</code></pre>

<p>}</p>

<p>.succeed-box .p-name a {</p>

<pre><code>color: #333;</code></pre>

<p>} a {</p>

<pre><code>color: #666;
text-decoration: none;</code></pre>

<p>}</p>

<p>.succeed-box .p-extra {</p>

<pre><code>display: inline-block;
display: block;
color: #aaa;</code></pre>

<p>}</p>

<p>.succeed-box .p-extra .txt {</p>

<pre><code>float: left;
max-width: 135px;
margin-right: 5px;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
_display: inline;</code></pre>

<p>}</p>

<p>.succeed-box .success-btns {</p>

<pre><code>float: right;
font-size: 0;
overflow: hidden;</code></pre>

<p>}</p>

<p>.succeed-box .success-ad {</p>

<pre><code>float: right;
height: 70px;
width: 106px;
margin: 10px 0;</code></pre>

<p>}</p>

<p>.succeed-box .btn-tobback {</p>

<pre><code>padding: 0 30px;
margin-right: 10px;
background: #fff;
color: #e4393c;
border: 1px solid #fff;
display: inline-block;
height: 34px;
line-height: 36px;
font-size: 16px;
vertical-align: middle;</code></pre>

<p>}</p>

<p>.succeed-box .btn-addtocart {</p>

<pre><code>position: relative;
width: 160px;
padding-left: 30px;
background: #e4393c;
border: 1px solid #e4393c;
color: #fff;
display: inline-block;
height: 34px;
line-height: 36px;
font-size: 16px;
vertical-align: middle;</code></pre>

<p>}</p>

<p>.succeed-box .btn-addtocart .fa-angle-right {</p>

<pre><code>position: absolute;
top: 8px;
right: 15px;
width: 10px;
height: 20px;
overflow: hidden;
margin-left: 20px;</code></pre>

<p>}</p>

<p>.succeed-box a.btn-tobback:hover{</p>

<pre><code>font-size: 18px;</code></pre>

<p>}</p>

    </div>
  


  


  
  


  


  

  



  

    

    

    


    


    <!-- Methods -->
              </div>

    </div>
  </body>
</html>
